{% set x = c.ctx %}
<p class="hint">A <b>habit</b> is an <a href="#activities">activity</a> with its log button switched on. Add one on the
  <a href="/habits">Habits page</a> (name + rhythm), or tick <em>one-tap button</em> on any activity above; set its
  <em>time from</em> to <code>habit</code> if minutes matter. Everything below is about letting <b>other apps</b> fill it in.</p>

<h3>Calendar feeds</h3>
<p class="hint">Practice apps, habit trackers and time trackers can publish what they record as a calendar
  (look for <em>subscribe</em>, <em>publish</em> or <em>export to calendar</em> — a <code>webcal://</code> link).
  Paste that link here, say which habit it feeds and which entry titles count, and Latch reads it
  every {{ x.interval }} minutes. Each entry becomes one log, stamped when it ended, carrying its length.
  Re-reading is safe: an entry is written once, and one that later moves or grows has its old row
  struck through and a new one written. <b>Recurring entries are skipped</b> — a schedule is a plan, not a record.
  Anything older than two days when it arrives counts for streaks and totals but earns no XP.</p>

{% if x.feeds %}
<div class="tblwrap">
<table class="tbl feeds">
  <tr><th>habit</th><th>label · url</th><th>title contains</th><th>last fetch</th><th></th></tr>
  {% for f in x.feeds %}
  <tr{% if not f.enabled %} class="off"{% endif %}>
    <form method="post" action="/habits/feeds/save" id="feed-{{ f.id }}"><input type="hidden" name="id" value="{{ f.id }}"></form>
    <td><select name="slug" form="feed-{{ f.id }}">{% for a in x.habits %}<option value="{{ a.slug }}" {{ 'selected' if a.slug == f.slug }}>{{ a.icon }} {{ a.title }}</option>{% endfor %}</select></td>
    <td><input name="label" form="feed-{{ f.id }}" value="{{ f.label }}" placeholder="label"><br>
        <input name="url" form="feed-{{ f.id }}" value="{{ f.url }}" class="feed-url" title="{{ f.url }}"></td>
    <td><input name="match" form="feed-{{ f.id }}" value="{{ f.match }}" placeholder="any" class="narrow"></td>
    <td class="hint">
      {%- if f.last_fetch_at %}{{ f.last_fetch_at|rel(now) }}
        {%- if f.last_status == 'ok' %} · <span class="badge ok">ok</span> {{ f.last_seen }} seen · {{ f.last_matched }} matched · {{ f.last_new }} new
        {%- else %} · <span class="badge late">error</span> {{ f.last_error }}{% endif %}
      {%- else %}never{% endif -%}
    </td>
    <td class="actions">
      <label class="check"><input type="checkbox" name="enabled" value="1" form="feed-{{ f.id }}" {{ 'checked' if f.enabled }}> on</label>
      <button form="feed-{{ f.id }}" class="small">Save</button>
      <form method="post" action="/habits/feeds/sync" style="display:inline"><input type="hidden" name="id" value="{{ f.id }}"><button class="small" title="fetch this feed now">↻</button></form>
      <form method="post" action="/habits/feeds/delete" style="display:inline" onsubmit="return confirm('Remove this feed? Everything it logged stays.')"><input type="hidden" name="id" value="{{ f.id }}"><button class="danger small">✕</button></form>
    </td>
  </tr>
  {% endfor %}
</table>
</div>
<form method="post" action="/habits/feeds/sync"><button class="small">↻ Fetch every feed now</button></form>
{% endif %}

{% if x.habits %}
<form class="row" method="post" action="/habits/feeds/save">
  <label>Habit <select name="slug">{% for a in x.habits %}<option value="{{ a.slug }}">{{ a.icon }} {{ a.title }}</option>{% endfor %}</select></label>
  <label>Feed URL <input name="url" placeholder="paste the calendar's subscription link" required></label>
  <label>Title contains <input name="match" placeholder="blank = every entry" class="narrow"></label>
  <label>Label <input name="label" placeholder="e.g. my practice app"></label>
  <button class="primary">Add feed</button>
</form>
<p class="hint">Several habits can read the <b>same</b> calendar — one feed row per habit, each with its own <em>title contains</em>.
  The calendar is fetched once per pass however many rows share it.</p>

<h3>Import a calendar file</h3>
<form class="row" method="post" action="/habits/import" enctype="multipart/form-data">
  <label>Habit <select name="slug">{% for a in x.habits %}<option value="{{ a.slug }}">{{ a.icon }} {{ a.title }}</option>{% endfor %}</select></label>
  <label>.ics file <input type="file" name="file" accept=".ics,text/calendar" required></label>
  <label>Title contains <input name="match" placeholder="blank = every entry" class="narrow"></label>
  <button>Import</button>
</form>
<p class="hint">No network at all: export from the other app, upload it here. The same file twice imports nothing twice.</p>
{% else %}
<p class="hint">Add a habit first — a feed needs something to log into.</p>
{% endif %}

{% if x.egress %}
<p class="notice egress">🌐 <b>What this module reaches.</b> {{ x.egress }}
  {% if hosted %}<br>On a hosted instance a feed URL must be on the public internet — private and local addresses are refused.{% endif %}</p>
{% endif %}

<h3 id="standing-days">📅 Standing days <small class="hint">bike on Mon, Wed, Fri — your Handler issues the order</small></h3>
<p class="hint">On each day you tick, an <a href="/guide/tasks#orders">order</a> for that habit lands in <a href="/tasks">Training</a>,
  due at midnight. Logging the habit completes it — a ride logged before the order appeared still counts. Let it run out
  while you log a <i>different</i> habit and that is 🌀 Zoomies — see <a href="/guide/mischief">Mischief</a>.</p>
{% if x.habits %}
<div class="tblwrap"><table class="tbl editor">
  <tr><th></th>{% for d in ['mon','tue','wed','thu','fri','sat','sun'] %}<th>{{ d|title }}</th>{% endfor %}<th>min</th><th></th></tr>
  {% for a in x.habits %}{% set on = (a.order_days or '').split(',') %}
  <tr><form method="post" action="/habits/{{ a.slug }}/orders">
    <td>{{ a.icon }} {{ a.title }}</td>
    {% for d in ['mon','tue','wed','thu','fri','sat','sun'] %}<td><input type="checkbox" name="days" value="{{ d }}" {{ 'checked' if d in on }} aria-label="{{ a.title }} on {{ d }}"></td>{% endfor %}
    <td><input type="number" name="minutes" min="0" max="600" value="{{ a.order_minutes or 0 }}" class="narrow"></td>
    <td class="actions"><button class="small">save</button></td>
  </form></tr>
  {% endfor %}
</table></div>
{% else %}<p class="hint">Add a habit first.</p>{% endif %}